@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400&display=swap");

@import url('https://fonts.googleapis.com/css2?family=Red+Rose:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Mulish:wght@300;400;500;600;700&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap");

/*
    font-family: "Roboto", sans-serif;
    font-family: "Kanit", sans-serif;
    font-family: 'Mulish', sans-serif;
    font-family: 'Red Rose', cursive;
*/

* {
    box-sizing: border-box;
    -webkit-text-size-adjust: none;
}
html,
body {
    height: 100%;
}
body {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    font-family: 'Mulish', sans-serif;
    color: #fff;
    background-color: #000000;
}
a {
    text-decoration: none;
    color: inherit;
    color: #0283fb;
}
img {
    display: block;
    border: none;
    max-width: 100%;
    height: auto;
}
strong {
    font-weight: 700;
}
.prmiu-wrap {
    max-width: 1280px;
    padding: 0 13px;
    margin: 0 auto;
}
.prmiu-content {
    background: rgba(0, 0, 0, 0.5);
}

/* btn */

.prmiu-btn {
    transition: background 0.5s ease-out;
    font-family: 'Mulish', sans-serif;
    font-weight: 400;
    font-size: 18px;
    background: #D95B1E;
    border: 0;
    border-radius: 20px;
    padding: 22px;
    line-height: 1;
    max-width: 202px;
    width: 100%;
    flex-shrink: 0;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    display: block;
}

/* header */

.prmiu-header {
    background: #000000;
}
.prmiu-header .prmiu-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.prmiu-main-nav .prmiu-menu {
    display: flex;
    width: 100%;
}
.prmiu-main-nav li {
    /* margin-left: 5px; */
}
.prmiu-main-nav li a {
    display: block;
    color: #ffffff;
    padding: 23px 10px;
    text-transform: none;
    font-family: 'Mulish', sans-serif;
    line-height: 1;
    transition: all 0.2s ease-in-out;
    min-width: 205px;
    text-align: center;
    border-radius: 20px;
}
.prmiu-main-nav li a:hover {
    background: #D95B1E;
    color: #ffffff;
}
.prmiu-main-nav li.prmiu-active a {
    background:#D95B1E;
    color: #ffffff;
}
.prmiu-mob-btn {
    display: none;
    width: 6px;
    height: 32px;
    position: absolute;
    left: 13px;
    background: url(../images/icons/icon-menu-prmiu.svg) no-repeat;
}
@media (max-width: 960px) {
    .prmiu-main-nav li {
        margin-left: 30px;
    }
}
@media (max-width: 768px) {
    .prmiu-header .prmiu-wrap {
        justify-content: center;
    }
    .prmiu-header {
        padding: 9px 0;
        position: fixed;
        z-index: 99;
        left: 0;
        right: 0;
    }
    .prmiu-main-nav {
        display: none;
    }
    .prmiu-mob-btn {
        display: block;
    }
    .prmiu-header.prmiu-active .prmiu-main-nav {
        display: block;
        position: fixed;
        background: #000;
        top: 56px;
        left: 0;
        right: 0;
        margin-top: 0;
        z-index: 17;
    }
    .prmiu-header.prmiu-active .prmiu-menu {
        display: block;
    }
    .prmiu-header.prmiu-active .prmiu-main-nav li {
        margin: 0;
        text-align: center;
    }
}

/* content */

.prmiu-layout-bg {
    background-image: url(../images/main-bg-autumn-prmiu.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
/* section chart */

.prmiu-section-chart {
    padding-bottom: 176px;
}
.prmiu-decor {
    padding-bottom: 90px;
}
.prmiu-main-title {
    position: relative;
    text-align: center;
    font-weight: 700;
    font-size: 60px;
    color: #ffffff;
    padding: 72px 0 18px;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 23px;
    flex-wrap: wrap;
}
.prmiu-main-title:after {
    content: "";
    display: block;
    width: 314px;
    height: 4px;
    background-color: #ffffff;
    margin: 4px auto 0;
    position: absolute;
    bottom: 0;
}
.prmiu-main-title span {
    display: flex;
    align-items: center;
}
.prmiu-subtitle {
    font-size: 21px;
    line-height: 28px;
    text-align: center;
    max-width: 910px;
    margin: 0 auto;
    padding: 0 10px;
    text-transform: capitalize;
}
.prmiu-row-item {
    position: relative;
    width: 100%;
    min-height: 210px;
    background-color: rgba(0, 0, 0, 0.4);
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 2px solid #fff;
    transition: all 0.2s ease-in-out;
    border-width: 2px 2px 0;
}
.prmiu-row-item:nth-child(n+16) .prmiu-stars {
    background-image: url(../images/stars.svg);
}

.prmiu-row-item:nth-child(1) .prmiu-likes::after {
    content: "30124 Likes";
}
.prmiu-row-item:nth-child(2) .prmiu-likes::after {
    content: "29744 Likes";
}
.prmiu-row-item:nth-child(3) .prmiu-likes::after {
    content: "29047 Likes";
}
.prmiu-row-item:nth-child(4) .prmiu-likes::after {
    content: "28965 Likes";
}
.prmiu-row-item:nth-child(5) .prmiu-likes::after {
    content: "27408 Likes";
}
.prmiu-row-item:nth-child(6) .prmiu-likes::after {
    content: "26458 Likes";
}
.prmiu-row-item:nth-child(7) .prmiu-likes::after {
    content: "25998 Likes";
}
.prmiu-row-item:nth-child(8) .prmiu-likes::after {
    content: "25067 Likes";
}
.prmiu-row-item:nth-child(9) .prmiu-likes::after {
    content: "24358 Likes";
}
.prmiu-row-item:nth-child(10) .prmiu-likes::after {
    content: "23317 Likes";
}
.prmiu-row-item:nth-child(11) .prmiu-likes::after {
    content: "22028 Likes";
}
.prmiu-row-item:nth-child(12) .prmiu-likes::after {
    content: "21834 Likes";
}
.prmiu-row-item:nth-child(13) .prmiu-likes::after {
    content: "20718 Likes";
}
.prmiu-row-item:nth-child(14) .prmiu-likes::after {
    content: "19917 Likes";
}
.prmiu-row-item:nth-child(15) .prmiu-likes::after {
    content: "19784 Likes";
}
.prmiu-row-item:nth-child(16) .prmiu-likes::after {
    content: "18047 Likes";
}
.prmiu-row-item:nth-child(17) .prmiu-likes::after {
    content: "17409 Likes";
}
.prmiu-row-item:nth-child(18) .prmiu-likes::after {
    content: "16668 Likes";
}
.prmiu-row-item:nth-child(19) .prmiu-likes::after {
    content: "15058 Likes";
}
.prmiu-row-item:nth-child(20) .prmiu-likes::after {
    content: "14371 Likes";
}
.prmiu-row-item:nth-child(21) .prmiu-likes::after {
    content: "12979 Likes";
}

.prmiu-row-item:last-child {
    border-bottom-width: 2px;
}
.prmiu-row-item:hover {
    border-color: #B3310D;
    box-shadow: 0px 0px 20px #B3310D;
}
.prmiu-row-item:hover + .prmiu-row-item {
    border-top-color: #B3310D;
}
.prmiu-banners {
    background-color: rgba(0, 0, 0, 0.4);
    border: 2px dashed #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.2s ease-in-out;
    z-index: 2;
    margin-bottom: -2px;
}
.prmiu-ribbon {
    position: absolute;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: top left;
    top: 0;
    left: 0;
    width: 164px;
    height: 38px;
    background-size: contain;
}
.prmiu-ribbon-1 {
    background-image: url(../images/ribbons/1.svg);
}
.prmiu-ribbon-2 {
    background-image: url(../images/ribbons/2.svg);
    height: 44px;
}
.prmiu-ribbon-3 {
    background-image: url(../images/ribbons/3.svg);
}
.prmiu-ribbon-4 {
    background-image: url(../images/ribbons/4.png);
}
.prmiu-ribbon-5 {
    background-image: url(../images/ribbons/5.png);
}
.prmiu-ribbon-6 {
    background-image: url(../images/ribbons/6.png);
    width: 165px;
    height: 39px;
}
.prmiu-ribbon-7 {
    background-image: url(../images/ribbons/7.png);
    width: 165px;
    height: 45px;
}
.prmiu-ribbon-8 {
    background-image: url(../images/ribbons/8.png);
    width: 171px;
}
.prmiu-ribbon-9 {
    background-image: url(../images/ribbons/9.png);
    width: 171px;
}
.prmiu-ribbon-10 {
    background-image: url(../images/ribbons/10.png);
    width: 171px;
}
.prmiu-ribbon-11 {
    background-image: url(../images/ribbons/11.png);
    width: 190px;
}
.prmiu-ribbon-12 {
    background-image: url(../images/ribbons/12.png);
    width: 165px;
}
.prmiu-ribbon-13 {
    background-image: url(../images/ribbons/13.png);
    width: 164px;
}
.prmiu-ribbon-14 {
    background-image: url(../images/ribbons/14.png);
    width: 164px;
}
.prmiu-ribbon-15 {
    background-image: url(../images/ribbons/15.svg);
    width: 170px;
}
.prmiu-ribbon-16 {
    background-image: url(../images/ribbons/16.svg);
}
.prmiu-ribbon-17 {
    background-image: url(../images/ribbons/17.svg);
}
.prmiu-ribbon-18 {
    background-image: url(../images/ribbons/18.svg);
}
.prmiu-ribbon-19 {
    background-image: url(../images/ribbons/19.svg);
}
.prmiu-ribbon-20 {
    background-image: url(../images/ribbons/20.svg);
}
.prmiu-ribbon-21 {
    background-image: url(../images/ribbons/21.svg);
}
.prmiu-ribbon-22 {
    background-image: url(../images/ribbons/22.svg);
}
.prmiu-ribbon-23 {
    background-image: url(../images/ribbons/23.svg);
}
.prmiu-ribbon-24 {
    background-image: url(../images/ribbons/24.svg);
}
.prmiu-ribbon-25 {
    background-image: url(../images/ribbons/25.svg);
}
.prmiu-ribbon-26 {
    background-image: url(../images/ribbons/26.svg);
}
.prmiu-ribbon-27 {
    background-image: url(../images/ribbons/27.svg);
}
.prmiu-ribbon-28 {
    background-image: url(../images/ribbons/28.svg);
    height: 43px;
}
.prmiu-ribbon-29 {
    background-image: url(../images/ribbons/29.svg);
}
.prmiu-ribbon-30 {
    background-image: url(../images/ribbons/30.svg);
    height: 48px;
}
.prmiu-ribbon-31 {
    background-image: url(../images/ribbons/31.svg);
}
.prmiu-ribbon-32 {
    background-image: url(../images/ribbons/32.svg);
}
.prmiu-ribbon-33 {
    background-image: url(../images/ribbons/33.svg);
}
.prmiu-ribbon-34 {
    background-image: url(../images/ribbons/34.svg);
}
.prmiu-ribbon-35 {
    background-image: url(../images/ribbons/35.svg);
}
.prmiu-ribbon-36 {
    background-image: url(../images/ribbons/36.svg);
}
.prmiu-ribbon-37 {
    background-image: url(../images/ribbons/37.svg);
}
.prmiu-ribbon-38 {
    background-image: url(../images/ribbons/38.svg);
}
.prmiu-ribbon-39 {
    background-image: url(../images/ribbons/39.svg);
}
.prmiu-ribbon-40 {
    background-image: url(../images/ribbons/40.svg);
    background-position-y: 0px;
    height: 50px;
}
.prmiu-ribbon-41 {
    background-image: url(../images/ribbons/41.svg);
}
.prmiu-ribbon-42 {
    background-image: url(../images/ribbons/42.svg);
}
.prmiu-ribbon-43 {
    background-image: url(../images/ribbons/43.png);
    height: 50px;
}
.prmiu-ribbon-44 {
    background-image: url(../images/ribbons/44.svg);
}
.prmiu-ribbon-45 {
    background-image: url(../images/ribbons/45.svg);
}
.prmiu-ribbon-46 {
    background-image: url(../images/ribbons/46.svg);
}
.prmiu-ribbon-47 {
    background-image: url(../images/ribbons/47.svg);
}
.prmiu-ribbon-48 {
    background-image: url(../images/ribbons/48.svg);
}
.prmiu-ribbon-49 {
    background-image: url(../images/ribbons/49.svg);
}
.prmiu-ribbon-50 {
    background-image: url(../images/ribbons/50.svg);
}
.prmiu-ribbon-51 {
    background-image: url(../images/ribbons/51.svg);
}
.prmiu-ribbon-52 {
    background-image: url(../images/ribbons/52.svg);
}
.prmiu-ribbon-53 {
    background-image: url(../images/ribbons/53.svg);
}
.prmiu-ribbon-54 {
    background-image: url(../images/ribbons/54.svg);
}
.prmiu-ribbon-55 {
    background-image: url(../images/ribbons/55.svg);
}
.prmiu-ribbon-56 {
    background-image: url(../images/ribbons/56.png);
}
.prmiu-ribbon-57 {
    background-image: url(../images/ribbons/57.svg);
}
.prmiu-ribbon-58 {
    background-image: url(../images/ribbons/58.svg);
}
.prmiu-ribbon-59 {
    background-image: url(../images/ribbons/59.png);
}
.prmiu-ribbon-60 {
    background-image: url(../images/ribbons/60.png);
}
.prmiu-link-external {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: block;
}
.prmiu-col-number {
    position: absolute;
    text-align: center;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    font-family: 'Mulish', sans-serif;
    color: #ffffff;
    font-size: 20px;
}
.prmiu-row-item:nth-child(n) .prmiu-col-number:before {
    content: counter(num);
    counter-increment: num;
}
.prmiu-main-chart {
    counter-reset: num;
}
.prmiu-col-name {
    position: relative;
    background-repeat: no-repeat;
    min-width: 345px;
    min-height: 208px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    background-size: cover;
    align-self: stretch;
    background-position: center;
}
[data-bg="1"] .prmiu-col-name {
    background-image: url(../images/bg/bg-1-prmiu.jpg);
}
[data-bg="2"] .prmiu-col-name {
    background-image: url(../images/bg/bg-2-prmiu.jpg);
}
[data-bg="3"] .prmiu-col-name {
    background-image: url(../images/bg/bg-3-prmiu.jpg);
}
[data-bg="4"] .prmiu-col-name {
    background-image: url(../images/bg/bg-4-prmiu.jpg);
}
[data-bg="5"] .prmiu-col-name {
    background-image: url(../images/bg/bg-5-prmiu.jpg);
}
[data-bg="6"] .prmiu-col-name {
    background-image: url(../images/bg/bg-6-prmiu.jpg);
}
[data-bg="7"] .prmiu-col-name {
    background-image: url(../images/bg/bg-7-prmiu.jpg);
}
[data-bg="8"] .prmiu-col-name {
    background-image: url(../images/bg/bg-8-prmiu.jpg);
}
[data-bg="9"] .prmiu-col-name {
    background-image: url(../images/bg/bg-9-prmiu.jpg);
}
[data-bg="10"] .prmiu-col-name {
    background-image: url(../images/bg/bg-10-prmiu.jpg);
}
[data-bg="11"] .prmiu-col-name {
    background-image: url(../images/bg/bg-11-prmiu.jpg);
}
[data-bg="12"] .prmiu-col-name {
    background-image: url(../images/bg/bg-12-prmiu.jpg);
}
[data-bg="13"] .prmiu-col-name {
    background-image: url(../images/bg/bg-13-prmiu.jpg);
}
[data-bg="14"] .prmiu-col-name {
    background-image: url(../images/bg/bg-14-prmiu.jpg);
}
[data-bg="15"] .prmiu-col-name {
    background-image: url(../images/bg/bg-15-prmiu.jpg);
}
[data-bg="16"] .prmiu-col-name {
    background-image: url(../images/bg/bg-16-prmiu.jpg);
}
[data-bg="17"] .prmiu-col-name {
    background-image: url(../images/bg/bg-17-prmiu.jpg);
}
[data-bg="18"] .prmiu-col-name {
    background-image: url(../images/bg/bg-18-prmiu.jpg);
}
[data-bg="19"] .prmiu-col-name {
    background-image: url(../images/bg/bg-20-prmiu.jpg);
}
[data-bg="20"] .prmiu-col-name {
    background-image: url(../images/bg/bg-21-prmiu.jpg);
}
[data-bg="22"] .prmiu-col-name {
    background-image: url(../images/bg/bg-22-prmiu.jpg);
}
[data-bg="21"] .prmiu-col-name {
    background-image: url(../images/bg/bg-21-prmiu.jpg);
}
[data-bg="23"] .prmiu-col-name {
    background-image: url(../images/bg/bg-23-prmiu.jpg);
}
[data-bg="24"] .prmiu-col-name {
    background-image: url(../images/bg/bg-24-prmiu.jpg);
}
[data-bg="25"] .prmiu-col-name {
    background-image: url(../images/bg/bg-25-prmiu.jpg);
}
[data-bg="26"] .prmiu-col-name {
    background-image: url(../images/bg/bg-26-prmiu.jpg);
}
[data-bg="27"] .prmiu-col-name {
    background-image: url(../images/bg/bg-27-prmiu.jpg);
}
[data-bg="28"] .prmiu-col-name {
    background-image: url(../images/bg/bg-28-prmiu.jpg);
}
[data-bg="29"] .prmiu-col-name {
    background-image: url(../images/bg/bg-29-prmiu.jpg);
}
[data-bg="30"] .prmiu-col-name {
    background-image: url(../images/bg/bg-30-prmiu.jpg);
}
[data-bg="31"] .prmiu-col-name {
    background-image: url(../images/bg/bg-31-prmiu.jpg);
}
[data-bg="32"] .prmiu-col-name {
    background-image: url(../images/bg/bg-32-prmiu.jpg);
}
[data-bg="33"] .prmiu-col-name {
    background-image: url(../images/bg/bg-33-prmiu.jpg);
}
[data-bg="34"] .prmiu-col-name {
    background-image: url(../images/bg/bg-34-prmiu.jpg);
}
[data-bg="35"] .prmiu-col-name {
    background-image: url(../images/bg/bg-35-prmiu.jpg);
}
[data-bg="36"] .prmiu-col-name {
    background-image: url(../images/bg/bg-36-prmiu.jpg);
}
[data-bg="37"] .prmiu-col-name {
    background-image: url(../images/bg/bg-37-prmiu.jpg);
}
[data-bg="38"] .prmiu-col-name {
    background-image: url(../images/bg/bg-38-prmiu.jpg);
}
[data-bg="39"] .prmiu-col-name {
    background-image: url(../images/bg/bg-39-prmiu.jpg);
}
[data-bg="40"] .prmiu-col-name {
    background-image: url(../images/bg/bg-40-prmiu.png);
}

.prmiu-row-item .prmiu-col-detail {
    position: relative;
    margin-right: 40px;
    padding: 15px 0;
    width: 100%;
}
.prmiu-row-item .prmiu-col-detail p {
    font-size: 16px;
    line-height: 1.6;
}
.prmiu-row-item .prmiu-col-detail ul li {
    position: relative;
    padding-left: 20px;
    margin-bottom: 5px;
}
.prmiu-row-item .prmiu-col-detail ul li:before {
    content: "";
    display: block;
    width: 8px;
    height: 4px;
    border: 1px solid #fff;
    border-width: 0 0 2px 2px;
    transform: rotateZ(-45deg);
    position: absolute;
    left: 0;
    top: 6px;
}
.prmiu-col-score-action {
    display: flex;
    align-items: center;
    padding-right: 40px;
    flex-basis: 385px;
    flex-shrink: 0;
}
.prmiu-score-rating {
    min-width: 120px;
    margin-right: 15px;
}
.prmiu-likes {
    position: relative;
    font-family: 'Mulish', sans-serif;
    font-size: 16px;
    font-weight: 400; 
    padding-left: 30px;
}
.prmiu-likes:before {
    content: "";
    display: block;
    background: url(../images/icons/icon-like-prmiu.svg) no-repeat;
    width: 20px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 0px;
}
.prmiu-wrap-stars {
    border: 1px solid #B3310D;
    border-radius: 20px;
    width: 120px;
    padding: 4px;
    margin-bottom: 5px;
}
.prmiu-stars {
    display: block;
    height: 16px;
    background-image: url(../images/stars-full.svg);
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    margin: 0 auto;
}
/* .prmiu-stars.prmiu-star50 {
    background-position: 0 0;
}
.prmiu-stars.prmiu-star40 {
    background-position: -19px 0;
}
.prmiu-stars.prmiu-star30 {
    background-position: -38px 0;
}
.prmiu-stars.prmiu-star20 {
    background-position: -57px 0;
}
.prmiu-stars.prmiu-star10 {
    background-position: -76px 0;
}
.prmiu-stars.prmiu-star00 {
    background-position: -98px 0;
} */


/* review */

.prmiu-review {
    margin-top: 30px;
}
.prmiu-row-item-review {
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-bottom: 15px;
    border: 2px solid #fff;
    transition: all 0.2s ease-in-out;
}
.prmiu-row-item-review:hover {
    box-shadow: #B3310D 0px 0px 20px;
    border-color: #B3310D;
}
.prmiu-col-photo {
    width: 100%;
    min-width: 250px;
    flex-basis: 0;
}
.prmiu-col-info {
    padding: 20px;
}
.prmiu-brand {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #4a4a4a;
    padding-bottom: 20px;
}
.prmiu-brand p {
    margin-right: 10px;
}
.prmiu-name {
    font-size: 24px;
    font-weight: 700;
    text-transform: uppercase;
    color: #0183fc;
    margin: 20px 0 15px;
}
@media (max-width: 1200px) {
    .prmiu-main-title {
        font-size: 40px;
        padding-top: 60px;
    }
    .prmiu-main-title svg {
        height: 46px;
        max-width: 45px;
    }
    .prmiu-col-score-action {
        flex-direction: column-reverse;
        flex-basis: auto;
        padding-right: 30px;
    }
    .prmiu-score-rating {
        margin: 15px 0 0;
    }
}
@media (max-width: 992px) {
    .prmiu-layout-bg {
        background: #000000;
    }
    .prmiu-content {
        background-color: transparent;
    }
    .prmiu-main-title {
        font-size: 30px;
    }
    .prmiu-main-title svg {
        height: 34px;
        max-width: 32px;
    }
    .prmiu-main-title:after {
        width: 100px;
        height: 2px;
    }
    .prmiu-subtitle {
        font-size: 18px;
    }
    .prmiu-row-item {
        flex-direction: column;
        border: 0;
        margin-bottom: 22px;
        background: #000000;
    }
    .prmiu-banners {
        margin-bottom: 22px;
    }
    .prmiu-col-name {
        margin-right: 0;
        background-position: top center;
    }
    .prmiu-row-item .prmiu-col-detail {
        padding: 26px 24px;
        margin-right: 0;
    }
    .prmiu-col-score-action {
        flex-direction: row;
    }
    .prmiu-col-score-action {
        padding: 0 22px 22px;
        width: 100%;
        justify-content: center;
    }
    .prmiu-score-rating {
        margin: 0 18px 0 0;
    }
}
@media (max-width: 768px) {
    .prmiu-main-content {
        padding-top: 62px;
    }
    .prmiu-section-chart {
        padding-bottom: 0;
    }
    .prmiu-col-name {
        min-height: 172px;
        min-width: auto;
    }
    .prmiu-btn {
        font-size: 16px;
        max-width: 167px;
        padding: 22px 10px;
    }
    .prmiu-row-item-review {
        flex-direction: column;
        align-items: center;
        border: 0;
        background: #181515;
    }
    .prmiu-col-photo {
        max-width: 250px;
        padding-top: 20px;
    }
    .prmiu-col-photo img {
        margin: 0 auto;
    }
    .prmiu-brand img {
        max-width: 200px;
    }
    .prmiu-subtitle {
        display: none;
    }
}
@media (max-width: 600px) {
    .prmiu-main-title {
        font-size: 18px;
        padding: 25px 0;
    }
    .prmiu-main-title svg {
        height: 20px;
        max-width: 18px;
    }
    /* .prmiu-subtitle {
        display: none;
    } */
    .prmiu-decor {
        padding-bottom: 20px;
    }
}

/* section text */

.prmiu-section-text {
    font-family: "Roboto", sans-serif;
    padding: 0 0 110px;
}
.prmiu-section-text .prmiu-main-title {
    padding: 30px 0;
}
.prmiu-section-text p {
    margin-bottom: 15px;
}
.prmiu-section-text h2 {
    font-size: 24px;
    font-weight: 700;
    margin: 20px 0 15px;
}
.prmiu-section-text ul {
    padding-left: 20px;
}
.prmiu-section-text ul li {
    margin-bottom: 15px;
    list-style-type: disc;
    word-break: break-all;
}
@media (max-width: 768px) {
    .prmiu-section-text {
        padding: 20px 0 30px;
    }
    .prmiu-section-text h2 {
        font-size: 16px;
        margin: 20px 0 10px;
    }
    .prmiu-section-text p {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .prmiu-section-text ul li {
        font-size: 14px;
        margin-bottom: 10px;
    }
}

/* footer */

.prmiu-footer {
    font-family: "Kanit", sans-serif;
    text-align: center;
    background: #000000;
    padding: 36px 0 40px;
}
.prmiu-footer-nav {
    display: flex;
    list-style-type: none;
    justify-content: center;
}
.prmiu-footer-nav li {
    margin: 0 60px;
}
.prmiu-footer-nav li a {
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-decoration: underline;
}
.prmiu-footer .prmiu-copyright {
    font-size: 16px;
    color: #999999;
    margin-top: 20px;
    text-align: center;
}
@media (max-width: 992px) {
    .prmiu-footer-nav li {
        margin: 0 20px;
    }
}
@media (max-width: 768px) {
    .prmiu-footer {
        padding: 15px 0 20px;
    }
}
@media (max-width: 600px) {
    .prmiu-footer-nav li {
        margin: 0 10px;
    }
    .prmiu-footer-nav li a {
        font-size: 12px;
    }
    .prmiu-footer .prmiu-copyright {
        margin-top: 15px;
        font-size: 12px;
    }
}

/* modal */

.prmiu-modal {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    padding: 20px;
    color: #000;
    display: none;
    z-index: 10;
}
.prmiu-modal:hover {
    opacity: 1 !important;
}
.prmiu-modal-wrap {
    max-width: 1200px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.prmiu-modal-close {
    position: relative;
    width: 30px;
    height: 30px;
    margin-right: 20px;
    flex-shrink: 0;
}
.prmiu-modal-close:before,
.prmiu-modal-close:after {
    content: "";
    display: block;
    width: 2px;
    height: 20px;
    background-color: #000;
    position: absolute;
    top: 6px;
    left: 14px;
}
.prmiu-modal-close:before {
    transform: rotateZ(45deg);
}
.prmiu-modal-close:after {
    transform: rotateZ(-45deg);
}
.prmiu-modal-content {
    margin-right: 30px;
}
.prmiu-modal .prmiu-subtitle {
    text-align: left;
    margin-bottom: 10px;
    display: block;
    line-height: 25px;
}
@media (max-width: 768px) {
    .prmiu-modal {
        padding: 10px;
    }
    .prmiu-modal-close {
        margin-right: 10px;
    }
    .prmiu-modal .prmiu-subtitle {
        font-size: 14px;
        line-height: 16px;
        margin-bottom: 5px;
    }
    .prmiu-modal-content {
        margin-right: 15px;
    }
    .prmiu-modal-content p {
        font-size: 12px;
    }
    .prmiu-modal .prmiu-btn {
        font-size: 14px;
        max-width: 120px;
        padding: 15px;
    }
}

/* winter */

.prmiu-decor {
    /* background-image: url(../images/decor-sprin-prmiu.svg); */
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
}
@media (max-width: 600px) {
    .prmiu-decor {
        background: none;
    }
}

/* visited */

.prmiu-visited .prmiu-col-name {
    position: relative;
}
.prmiu-visited .prmiu-col-name::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.5);
}
.prmiu-visited-v2 .prmiu-col-name::after {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 0;
    top: 40px;
    bottom: 38px;
    background-image: url(../images/visited-pic.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

/* visited-v2 */

.prmiu-visited-v2 {
    position: relative;
}
.prmiu-visited-v2::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 2;
}
.prmiu-visited-v2 .prmiu-btn {
    position: relative;
    z-index: 3;
}

/* banner */

.prmiu-banner {
    font-family: 'Red Rose', cursive;
    /*background: #fcc900 url(../images/web_banner/web_banner.png) no-repeat center/cover;*/
    text-align: center;
    /*padding: 23px 10px;*/
    border: 2px dashed #ffffff;
    position: relative;
    /*min-height: 169px;*/
}
.prmiu-banner img.desc {
    display: block;
    width: 100%;
    height: auto;
}
.prmiu-banner img.tab,
.prmiu-banner img.mob {
    display: none;
    width: 100%;
    height: auto;
}
.prmiu-banner__title {
    text-transform: uppercase;
    position: relative;
    z-index: 6;
    font-weight: 700;
    font-size: 60px;
    line-height: 63px;
    color: #ffffff;
    text-shadow: 0px 4px 4px #00000040;
    display: none;
}
.prmiu-banner__subtitle {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 60px;
    line-height: 56px;
    color: #ffffff;
    text-shadow: 0px 4px 4px #14090080;
    position: relative;
    z-index: 1;
    display: none;
}
@media (max-width: 992px) {
    .prmiu-decor {
        background-image: none;
    }
    .prmiu-banner img.desc {
        display: none;
    }
    .prmiu-banner img.tab {
        display: block;
    }
}
@media (max-width: 930px) {
    .prmiu-banner {
        /*padding: 38px 10px;*/
    }
    .prmiu-banner__title {
        font-size: 38px;
        line-height: 32px;
    }
    .prmiu-banner__subtitle {
        font-size: 38px;
    }
}
@media (max-width: 810px) {
    .prmiu-banner {
        /*background-image: url(../images/web_banner/banner_640x130.png);*/
    }
}
@media (max-width: 590px) {
    .prmiu-banner img.tab {
        display: none;
    }
    .prmiu-banner img.mob {
        display: block;
    }
    .prmiu-banner {
        /*padding: 20px 10px;*/
    }
    .prmiu-banner__title {
        font-size: 26px;
        line-height: 32px;
    }
    .prmiu-banner__subtitle {
        font-size: 23px;
        line-height: 32px;
    }
}

/* French pages */

@media (min-width: 1201px) {
    html[lang="fr"] .prmiu-main-title {
        font-size: 48px;
    }
    html[lang="fr"] .prmiu-main-title svg {
        width: 44px;
    }
}
@media (min-width: 931px) {
    html[lang="fr"] .prmiu-banner__title {
        font-size: 46px;
    }
}